<template>
		<view class="bigImage">
			<van-overlay :show="show" z-index="99" @click="closeImg">
				<van-transition
					:show="show"
				>
					<van-image
					  width="100vh"
					  height="20rem"
					  fit="contain"
					  :src="src"
						style="position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);"
					/>
				</van-transition>
			</van-overlay>
		</view>
</template>

<script>
	export default {
		props: {
			show: {
				type: Boolean,
				default: false
			},
			src: {
				type: String,
				default:''
			}
		},
		name:"showBigImg",
		data() {
			return {
				
			};
		},
		methods: {
			closeImg() {
				this.$emit('close', false)
			}
		}
	}
</script>

<style scoped>
.cc {
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translateX(-50%) translateY(-50%) !important;
}
.van-image {
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translateX(-50%) translateY(-50%) !important;
}
</style>
